@import './config-common.scss';
@import './config-pc.scss';

// 皮肤互动功能公用配置
$--skin-iar-common-configs: (
  // 挂件字体色
  'iar-pendant:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 商品库内容背景色
  'iar-product-list-content:bg-color': #820819,
  // 商品库图标图片
  'iar-product-list-shop:icon-image': './imgs/pws-product-icon.png',
  // 商品库图标图片（职位）
  'iar-product-list-recruitment:icon-image': './imgs/pws-product-icon-recruitment.png',
  // 商品库标签背景色
  'iar-product-list-label:bg-color': rgba($--color-white, 0.1),
  // 商品库标签字体色
  'iar-product-list-label:text-color': $--color-white,
  // 商品库商品名称序号背景色
  'iar-product-list-name-number:bg-color': rgba($--color-white, 0.35),
  // 商品库空状态图标图片
  'iar-product-list-empty:icon-image': './imgs/pws-product-shop-car.png',
  // 商品库商品下边框颜色
  'iar-product-list-item:border-color': rgba($--color-white, 0.1),
  // 商品库商品名称字体色
  'iar-product-list-good-name:text-color': map.get($--skin-basic-configs, 'main-text-color'),

  // 置顶公告背景色
  'iar-bulletin-top-banner:bg-color': #ffefd7,
  // 置顶公告字体色
  'iar-bulletin-top-banner:text-color': #830b0b,

  // 问答背景色
  'iar-qa-body:bg-color': map.get($--skin-component-configs, 'main-tab-body:bg-color'),
  // 问答过滤层背景色
  'iar-qa-filter:bg-color': map.get($--skin-component-configs, 'main-tab-body:bg-color'),
  // 问答过滤层边框色
  'iar-qa-filter:border-color': map.get($--skin-component-configs, 'main-tab-body:bg-color'),
  // 问答过滤层文案字体色
  'iar-qa-filter-desc:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 问答选择字体色
  'iar-qa-select:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 问答选择箭头边框色
  'iar-qa-select:border-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.8),
  // 问答节点背景色
  'iar-qa-item:bg-color': #93171d,
  // 问答节点内容字体色
  'iar-qa-item-content:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 问答节点信息字体色
  'iar-qa-item-info:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
  // 问答节点更多字体色
  'iar-qa-item-more:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),
  // 问答节点边框色
  'iar-qa-item:border-color': #A20A1F,
  // 问答新消息按钮背景色
  'iar-qa-new-msg-button:bg-color': rgba($--color-white, 0.85),
  // 问答新消息按钮字体色
  'iar-qa-new-msg-button:text-color': #830b0b,
  // 问答没有更多文案字体色
  'iar-qa-no-more:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
);

// 皮肤互动功能 PC 配置
$--skin-iar-pc-configs: (
  // 问答选择选项背景色
  'iar-pc-qa-select-option:bg-color': map.get($--skin-component-configs, 'main-tab-header:bg-color'),
  // 问答选择选项 hover 背景色
  'iar-pc-qa-select-option--hover:bg-color': rgba($--color-white, 0.1),
  // 问答选择选项字体色
  'iar-pc-qa-select-option:text-color': rgba(map.get($--skin-component-configs, 'main-tab-header:text-color'), 0.8),
  // 问答选择选项激活字体色
  'iar-pc-qa-select-option--active:text-color': map.get($--skin-component-configs, 'main-tab-header:text-color'),
  // 问答选择选项边框色
  'iar-pc-qa-select-option:border-color': rgba($--color-white, 0.1),
  // 问答表情选择图标字体色
  'iar-pc-qa-ask-emotion:text-color': $--color-white,
  'iar-pc-qa-ask-emotion:background-filter': grayscale(100%) brightness(200%),

  // 中奖记录弹层文字颜色
  'iar-pc-lottery-record-msg:text-color': #e4e4e4,
);

// 皮肤互动功能 Mobile 配置
$--skin-iar-mobile-configs: (
  // 问答空数据的图标图片
  'iar-mobile-qa-no-data:icon-image': './imgs/pws-qa-no-data-icon.png',
  // 问答消息发送入口图片
  'iar-mobile-qa-ask-entry:icon-image': './imgs/pws-qa-entry.png',
  // 问答输入框外层背景色
  'iar-mobile-qa-input-wrap:bg-color': map.get($--skin-component-configs, 'main-tab-header:bg-color'),
  // 问答输入框背景色
  'iar-mobile-qa-input:bg-color': rgba($--color-black, 0.1),
  // 问答输入框字体色
  'iar-mobile-qa-input:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 问答表情选择图标字体色
  'iar-mobile-qa-ask-emotion:text-color': $--color-white,
  'iar-mobile-qa-ask-emotion:background-filter': grayscale(100%) brightness(200%),
  // 问答发送按钮字体色
  'iar-mobile-qa-ask-send-button:text-color': $--color-white,

  // 图文直播头部字体色
  'iar-mobile-tuwen-live-header:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.8),
  // 图文直播名称字体色
  'iar-mobile-tuwen-live-content-name:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),
  // 图文直播时间字体色
  'iar-mobile-tuwen-live-content-time:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
  // 图文直播内容字体色
  'iar-mobile-tuwen-live-content:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 图文直播暂无更多字体色
  'iar-mobile-tuwen-live-no-more:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
);
